import React, {Component} from 'react';
import {Input, Button} from 'antd';
import cs from 'classnames'
import BaseCmpt from '../BaseCmpt';
import './index.css';

class AgentSearch extends BaseCmpt {

    static defaultProps = {
        data: {
            type: 115,
            style: {},
            dataset: {},
        }
    };

    constructor(props) {
        super(props);
    }

    render() {
        var {onSelected, selected, data} = this.props;
        var {style, dataset} = data;

        return (
            <div
                onClick={(e) => {
                    onSelected && onSelected(e)
                }}
                className={cs({'agentSearch cmptEle ': true, 'cmptEle_selected': selected})}
                style={style}
            >
                <div className="agentSearch__searchWrap">
                    <img src="" alt="" className="agentSearch__searchIcon"/>
                    <Input type="text" className="agentSearch__search" placeholder="请输入代理手机号"/>
                    <img src="" alt="" className="agentSearch__searchClear"/>
                </div>
                <Button className="agentSearch__submit" type="primary" size="large">查询</Button>
            </div>
        );
    }
}

export default AgentSearch;
